page-mill {
  $width: 120px;
  .content{
    background: url("../assets/imgs/back-img.jpg") center center no-repeat;
    background-size: cover;
    color: #f6f6f6;
  }
  .mill{
    text-align: center;
    padding: 3rem 0 2rem;
  }
  .machine {
    display: inline-block;
    width: $width;
    height: $width;
    position: relative;
    background: url("../assets/imgs/core.png") center center no-repeat;
    background-size: contain;
    z-index: 10;
    .ore{
      position: absolute;
      left: -25px;
      top: -15px;
    }
    .rotate {
      width: $width + 6px;
      height: $width + 6px;
      margin: auto;
      background: url("../assets/imgs/rotate.png") center center no-repeat;
      background-size: contain;
      position: absolute;
      left: -2px;
      top: -2px;
    }
    &.animate .rotate{
      -webkit-animation: rotate 5s linear infinite;
      -o-animation: rotate 5s linear infinite;
      animation: rotate 5s linear infinite;
    }
    @keyframes rotate {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    @-webkit-keyframes rotate {
      0% {
        -webkit-transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
      }
    }
    .twinkle {
      width: $width - 12px;
      height: $width - 12px;
      position: absolute;
      left: 6px;
      top: 6px;
      background: url("../assets/imgs/raw.png") center center no-repeat;
      background-size: contain;
    }
    &.animate .twinkle{
      -webkit-animation: twinkle 3s infinite;
      -o-animation: twinkle 3s infinite;
      animation: twinkle 3s infinite;
    }
    @keyframes twinkle {
      0% {
        opacity: 1;
      }
      50% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes twinkle {
      0% {
        opacity: 1;
      }
      50% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
  }

  .item-list {
    .item:not(.item-divider){
      font-size: 1.3rem;
      &.list-header{
        background: $color-bg-gray;
      }
    }
  }
}
